﻿.noborder_bottom{ border-bottom:0 !important;}
.nomargin{ margin:0;}

#navigation {border-bottom:0;background-color:#E68A31}
#navigation h1{color:#FFFFFF;font-family:微软雅黑;line-height:35px;margin-left:15px;}
.login #navigation{ background-position:-243px 0;}
#navigation .nav-left {font-size:14px;float:left;height:30px;overflow:hidden}
#navigation .nav-left li{float: left;display: inline-block;}
* html #navigation .nav-left li {display: inline;}
*+html #navigation .nav-left li {display: inline;}

#navigation .nav-left li em{background:url(/imgpro/icons/ico_new.gif) left top no-repeat;position:absolute;display:block;width:28px;height:15px;margin-top:28px;margin-left:42px}
*html #navigation .nav-left li em{margin-left:-38px}
*+html #navigation .nav-left li em{margin-left:-38px}

#navigation .nav-left li.firstitem{ background:none;}
#navigation .nav-left li .count{ float:left; padding-top:3px; font-weight:bold; color:#fff;}
* html #navigation .nav-left li.beta a {margin-top:-1px;}
#navigation .nav-left li.beta img {vertical-align: super;*margin-top: -10px;_margin-top: -1px;}
* html #navigation .nav-left li.beta img {
	zoom: expression(function(ele){
		ele.style.zoom="1";
		var iefixer = document.createElement("b");
		iefixer.style.zoom="1";
		ele.parentNode.insertBefore(iefixer,ele);
	}(this));
}

#navigation .nav-left li a {
	display: block;
	padding:0 15px 0 15px;
	float: left;
	line-height:30px;
	height:30px;
	color:#fff
}
*html #navigation .nav-left li a{line-height:30px}
*+html #navigation .nav-left li a{line-height:34px}
#navigation .nav-left li a span{font-size:12px;}

#navigation .nav-left li a:hover{text-decoration:none;background-color:#FCA41A}
#navigation .nav-left li a.active{}

#navigation .nav-left li a.edit_link {
	font-size: 12px;
	font-weight: normal;
	color: #D8DFEA;
	padding: 4px 5px 0 2px;
}

#navigation .nav-left li a.new-inbox {font-weight:bold;color:#FFF;}


#navigation .nav-left li a.edit_link:hover {
	background: transparent;
	text-decoration: underline;
}

#navigation .nav-left li a.global_menu_arrow {
	padding: 0 0 1px;
	background: url(/img/global_menu_arrow.gif) no-repeat 0 0;
	margin-left: -1px;
}

#navigation .nav-left li a.global_menu_arrow:hover {
	background: #7D90B5 url(/img/global_menu_arrow.gif) no-repeat 100% 0;
}

#navigation .nav-left li a.global_menu_arrow_active {
	padding: 0 0 1px;
	margin-left: -1px;
	background: #7D90B5 url(/img/global_menu_arrow.gif) no-repeat 100% 0;
}

#navigation .nav-left li a.global_menu_arrow_active:hover {
	background: #7D90B5 url(/img/global_menu_arrow.gif) no-repeat 100% 0;
}

#navigation .nav-left .notify{margin-top:7px;margin-left:0}
#navigation .nav-left .notify.onhover a{ }
#navigation .nav-left .notify a{background:url(/imgpro/bg/new_bj.png) left 0 no-repeat;height:17px;font-size:12px;font-weight:bold;line-height:17px;padding:0;text-align:center;color:#C56918;padding-left:10px}
#navigation .nav-left .notify a span{background:url(/imgpro/bg/new_bj.png) right 0 no-repeat;display:block;padding-right:10px}
/*#navigation .nav-left .notify a:hover{text-decoration:none;}*/

*html #navigation .nav-left li a.global_menu_arrow, * html #navigation .nav-left li a.global_menu_arrow_active{padding:1px 0;}
#navigation .nav-right {
	list-style-type:none;
	font-size:12px;
	float:right;
}
.reg #navigation .nav-right{overflow:hidden;*height:23px;;_height:34px;} 
#navigation .nav-right li {float: left;display: inline;}
#navigation .nav-right li.purple {padding:0;}
#navigation .nav-right li a {display:block;padding:0 11px;color:#fff;float:left;line-height:30px;line-height:30px}
#navigation .nav-right li a:hover {color:#fff;text-decoration:underline;}

/* 4 purple */
#navigation .nav-right li.purple {padding-right:18px;background:url(/img/new2.gif) no-repeat right top}
#navigation .new-icon {padding-right:16px;background:url(/img/new2.gif) no-repeat right 4px}

/* Sub Navigation */
#self-nav {
    padding: 14px 10px 0;
 	border-bottom: 1px solid #3B5888;
}

#self-nav ul {
    list-style: none;
    overflow: auto;
    zoom: 1;
}

#self-nav li {
    float: left;
	margin: 0 2px;
}

#self-nav li a {
    height: 1.8em;
    line-height: 1.8em;
    display: block;
    color: #3B5888;
    text-align: center;
    padding: 0 0.6em;
}


#self-nav li a:hover {
	background:#D8DFEA;
	text-decoration:none;
}

*html #self-nav li a {
    height: 1.3em;
    line-height: 1.0em;
    padding-top: 0.5em;
    white-space: nowrap;
	width: 1px;
}

#self-nav .selected a {
    color: #FFF;
    background: #3B5888;
}

#self-nav .selected a:hover {
    color: #FFF;
    background: #3B5888;
}

#self-nav .float-right {
	line-height: 1.8em;
}

/* Sidebar - My Menu List */

#sidebar .app-list{background-color:#FCFCF3;border-left:1px solid #E5E3D8;border-right:1px solid #E5E3D8}
#sidebar .app-list ul{}
#sidebar .app-list .border-b{border-bottom:1px solid #ccc;padding-bottom:5px}
#sidebar .app-list li{}
#sidebar .app-list li.clipline{ border-top:1px solid #D3E2F0; border-bottom:1px solid #fff; font-size:0; height:0; line-height:0; margin:5px 10px}
#sidebar .app-list li a{ font-size:14px;display:block; height:40px; line-height:40px; overflow:hidden; padding:0 5px 0 40px; background:url() 10px 9px no-repeat;}

#sidebar .app-list li.itemblog,#sidebar .app-list li.itemalbum{ position:relative; height:40px;}
#sidebar .app-list li .shortcutkey{ font-size:12px; position:absolute; right:10px; top:0; padding:0; color:#808080; font-weight:normal; }

#sidebar .activelist li a{ font-size:12px; font-weight:normal; height:20px; line-height:20px; padding-left:30px; background:url() 10px center no-repeat;}
#sidebar .activelist li a.addapp{ background:url(/imgpro/icons/v2_plus.gif) no-repeat 10px center;}
#sidebar .activelist li.activeinline a{display:inline!important;height:auto}
#sidebar .activelist li.activeinline a.addapp{padding-top:2px;}
#sidebar .activelist li.activeinline a:hover{background-color:transparent}
#sidebar .activelist li.activeinline .appconfig{padding:0}
*html #sidebar .activelist li a.addapp{ background:url(/imgpro/icons/v2_plus.gif) no-repeat 10px center;}
*+html #sidebar .activelist li a.addapp{ background:url(/imgpro/icons/v2_plus.gif) no-repeat 6px center;}

#sidebar .activelist li a.setting{ background-image:url(/imgpro/icons/iconedit.png);}

#sidebar .guide-app-list{padding:4px 0 0 4px}
#sidebar .guide-app-list .guide-app-list-title{margin-bottom:6px;font-weight:normal;text-align:center}
#sidebar .guide-app-list li{margin-bottom:10px}
#sidebar .guide-app-list li a{ text-decoration:none; background-repeat:no-repeat; background-image:url(/imgpro/bg/gameguide_lnavbg.jpg); display:block;width:124px;height:79px}
#sidebar .guide-app-list li a .appname{text-indent:-99em; font-weight:bold; display:block; padding-top:57px; text-align:center; font-size:14px;}
#sidebar .guide-app-list li .itembtn1{ background-position:0 0;}
#sidebar .guide-app-list li .itembtn2{ background-position:0 -88px;}
#sidebar .guide-app-list li .itembtn3{ background-position:0 -176px;}
#sidebar .guide-app-list li .itembtn4{ background-position:0 -264px;}
#sidebar .guide-app-list li .itembtn5{ background-position:0 -352px;}
#sidebar .guide-app-list li .itembtn6{ background-position:0 -440px;}

#sidebar .guide-app-list.v1{padding:4px 0 0 5px}
#sidebar .guide-app-list.v1 li{margin-bottom:5px}
#sidebar .guide-app-list.v1 .guide-app-list-title{margin-bottom:6px;font-weight:normal;text-align:center;color:#808080}
#sidebar .guide-app-list.v1 li a{ position:relative; background-repeat:no-repeat; background-image:url(/imgpro/bg/gameguide_lnavbg1.jpg);width:122px;height:99px}
#sidebar .guide-app-list.v1 li a .appactive{background:#fff url(/imgpro/icons/icon_ifactive.gif) no-repeat 91px -20px; position:absolute; border:1px solid #ccc; width:105px;border-top:0;display:block; top:77px;padding:3px 0 3px 15px; color:#c7c7c7}
#sidebar .guide-app-list.v1 li a .appnotactive{ background:#fff url(/imgpro/icons/icon_ifactive.gif) no-repeat 79px 2px; position:absolute; border:1px solid #ccc; width:93px;border-top:0;display:block; top:77px;padding:3px 0 3px 27px}
*html #sidebar .guide-app-list.v1 li a:hover{background-color:#fcff79}
#sidebar .guide-app-list.v1 li a:hover .appnotactive{background-color:#fcff79;cursor:pointer}
#sidebar .guide-app-list.v1 li a:hover .appactive{cursor:pointer}

#sidebar .guide-app-list.v1 li .itembtn1{ background-position:0 0;}
#sidebar .guide-app-list.v1 li .itembtn2{ background-position:0 -107px;}
#sidebar .guide-app-list.v1 li .itembtn3{ background-position:0 -214px;}
#sidebar .guide-app-list.v1 li .itembtn4{ background-position:0 -321px;}
#sidebar .guide-app-list.v1 li .itembtn5{ background-position:0 -428px;}
#sidebar .guide-app-list.v1 li .itembtn6{ background-position:0 -535px;}


/*navigation-nologin*/
#navigation.navigation-nologin{ background-position:0 0;}

/*notify dropmenu*/
.notification{}
#navigation .nav-left li.notification .count{ float:none; padding:0 0 0 3px; padding-left:3px; margin-left:3px; background:url(/imgpro/bg/notifycountbg1.gif) no-repeat left -51px; font-family:Tahoma; font-weight:bold;}
#navigation .nav-left li.notification .count span{ padding:3px 3px 3px 0; background:url(/imgpro/bg/notifycountbg1.gif) no-repeat right -32px; font-size:11px; font-weight:bold;}

#navigation .nav-left li.notification a:hover .count{ background-position:left -17px;}
#navigation .nav-left li.notification a:hover .count span{ background-position:right 2px;}

.notifydropmenu{ padding:5px 0; width:95px; border:1px solid #dc7d1b; border-style:solid; border-color:#f6ba1c; border-width:0 3px 3px 3px; background-color:#fff;}
.notifydropmenu a{ padding:6px 6px; display:block; text-decoration:none;}
.notifydropmenu a:hover{ background-color:#F8981D; color:#fff; text-decoration:none;}

.dropmenu{ width:100px; background-color:#fff; padding:5px 0;}
.dropmenu.profilemenu{width:90px;border-bottom:1px solid #E5E5E5}
.dropmenu.profilemenu ul{border:1px solid #CCCCCC;margin:-5px 0;padding:5px 0;background:url(/imgpro/bg/ul_profileme.png) repeat-x bottom left;}
.dropmenu li{ line-height:2;}
.dropmenu li a{ padding:0 9px; display:block; zoom:1; height:24px;}
.dropmenu li a:hover{ background-color:#E2EFFE;color:#005EAC; text-decoration:none;}

.dropmenu.notify_float{width:115px}

/*for X'max logo bar 
#navigation {background-image:url(/imgpro/bg/navtopbg-max.png);}
*/
/* for funny fruit menu  */
#sidebar .app-list li.cottoncandy{background:url(/imgpro/bg/fruitbg.gif) no-repeat 4px center;height:25px;}
#sidebar .activelist li.cottoncandy a{padding:2px 0 0 16px;_padding-top:5px;}
#sidebar .activelist li.cottoncandy a:hover{text-decoration:none;}

/**combining the top 4 pics of the menu**/
#sidebar .app-list li a.short{background:url(/imgpro/icons/24/menutop.png) no-repeat;}
#sidebar .app-list li.itemblog a.short{background-position:10px -103px;}
#sidebar .app-list li.itemalbum a.short{background-position:10px -70px;}
#sidebar .app-list li.itemshare a.short{background-position:10px -3px;}
#sidebar .app-list li.itemstate a.short{background-position:10px -37px;}
#sidebar .app-list li.itemgift a.short{background-position:10px -202px;}

/*2009.2.18 new-index*/
#sidebar .app-list li a:hover{background-color:#E2EFFE;}
#sidebar .app-list li .shortcutkey:hover{background-color:transparent;}
#sidebar .app-list ul.activelist{padding-top:5px}
#sidebar .activelist li a.addapp:hover{background-color:#FCFCF3;}

#sidebar .app-list li#onstate{background:url(/imgpro/bg/v2_recommend.png) no-repeat scroll 4px center;}
#sidebar .app-list li#onstate a:hover{background:url(/imgpro/bg/v2_recommend.png) no-repeat 10px 9px;}

#navigation .about-login li a{color:#005EAC;line-height:54px}
#navigation .about-login li a:hover{color:#005EAC}


/**headerpro by yang.zhao**/
#headerpro{width:960px;margin:0 auto;margin-bottom:10px}
#headerpro #navigation{background-image:none;background-color:#fff}
#headerpro #navigation ul{padding-top:10px}
#headerpro #navigation .nav-left li a{color:#005EAC}
#headerpro #navigation .nav-left li a:hover{color:#005EAC;background-color:#fff;text-decoration:underline;}
#headerpro #navigation .nav-right{background-image:none}
#headerpro #navigation .nav-right li a{color:#005EAC}
#headerpro #navigation .nav-right li a:hover{color:#005EAC;background-color:#fff;text-decoration:underline;}

#navigation .nav-left li#material{}
#navigation .nav-left li#material a{margin:0;padding:0;background:none;font-size:12px;line-height:34px}
*html #navigation .nav-left li#material a{line-height:32px}
*+html #navigation .nav-left li#material a{line-height:36px}
#navigation .nav-left li#material a:hover{margin:0;padding:0;background:none;text-decoration:underline}